<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: yangyaru
  Date: 2022/4/13
  Time: 9:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<%--    <link rel="stylesheet" href="/css/20.css" />--%>
    <link rel="stylesheet" href="/css/3.css" />

</head>

<body>

<div class="header">
    <div class="wrap">
        <ul class="header-left">
            <li>欢迎来到某某国际物流公司!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li><a href="#">登录</a><span>|</span></li>
            <li><a href="#">注册</a></li>
        </ul>
        <ul class="header-right">
            <li><img src="image/psdy.png" width="18px">24小时热线:400-1234-XXXX&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li><a href="#">设为首页</a><span>|</span></li>
            <li><a href="#">加入收藏</a></li>
        </ul>
    </div>
</div>
<!--头部结束-->
<!--导航开始-->
<div class="nav">
    <div class="wrap">
        <div class="logo">
            <img src="image/5ay2.png">
        </div>
        <div class="brand">
            <ul>
                <li>某某国际物流有限公司</li>
                <li style="font-size: 10px;">MARINE LOGISTICS CO LTD</li>
            </ul>
        </div>
        <div class="nav-bar">
            <ul>
                <li><a href="/page1">首页</a></li>
                <li><a href="/page2">关于我们</a></li>
                <li><a href="/page3">业务范围</a></li>
                <li><a href="/page6">新闻中心</a></li>
                <li><a href="/page8">网上下单</a></li>
                <li><a href="/page11">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
<!--导航结束-->
<div class="demo01" style="background-image: url(/image/map-background.jpeg)"></div>
<div class="demo02" style="background: rgba(249,249,249,0.5);">
    <div class="day1" style="float: left;width: 35%;height: 60px">
        <a href="/page1" style="font-family: 微软雅黑;font-size: 13px;color: black;text-decoration: none;display: block;padding-top: 20px;padding-left: 100px;float: left">首页</a>
        <p style="font-family: 微软雅黑;font-size: 13px;color: black;float: left;padding-top: 20px">&nbsp;>>&nbsp;联系我们</p>
    </div>
    <div class="day2" style="float: left;width: 65%;height: 60px;">
        <ul>
            <c:forEach begin="0" end="${businessClasses.size()-1}" var="i">

                <li style="float: left;list-style: none;margin-left: 30px;"><a href="/page3?businessClassId=${businessClasses[i].id}" style="display:block;width:120px;height:60px;text-decoration: none;color: #100f0f;font-family: 微软雅黑"><span style="position:relative;top: 18px;left: 18px;">${businessClasses[i].name}</span></a></li>

            </c:forEach>
        </ul>

    </div>
</div>
    <div class="sffsafsafg">
        <div class="guoneiwuliu">

            <c:forEach items="${businesses}" var="business" end="5">
            <div class="fangda_1">
                <a href="/page4?id=${business.id}">
                    <p>
                    <div class="box">
                        <img src="${business.img}">
                    </div>
                    </p>
                    <p class="item">${business.name}</p>
                </a>
            </div>
            </c:forEach>

            <div>
                <ul class="tiaozhuan">
                    <li class="tiaozhuan_1">共21条记录</li>
                    <li class="tiaozhuan_2"><a href=""><button >1</button></a></li>
                    <li class="tiaozhuan_3"><a href=""><button>2</button></a></li>
                    <li class="tiaozhuan_4"><a href=""><button>3</button></a></li>
                    <li class="tiaozhuan_5"><a href=""><button>4</button></a></li>
                    <li class="tiaozhuan_6"><a href=""><button>下一页</button></a></li>
                    <li class="tiaozhuan_7"><a href=""><button>末页</button></a></li>
                </ul>
            </div>
        </div>
    </div>





</div>
<div class="dibu">
    <div class="dibuwenzi">
        <div>
            <ul>
                <li class="khghdfgdfgd"><img src="http://tpl-ce154ff.pic24.websiteonline.cn/upload/5ay2.png"></li>
                <li class="fsafsafasfqwe">某某国际物流有限公司</li>
                <li class="vbcvbxcvdv">MARINE LOGISTICS CO., LTD.</li>
                <li class="xuzhcsiu"><input type="text/css"></input></li>
                <li class="sdasfa_1"><button >搜索</button></li>
                <li class="sdasfa_2">某某国际物流有限公司是集代理、物流配送、航空速递、公路运输、铁路运</li>
                <li class="sdasfa_3">输、仓储、城际配送于一体，跨区域、网络化、信息化、智能化、具有供应</li>
                <li class="sdasfa_4">链管理能力的综合性物流公司。</li>
                <li class="sdasfa_5">联系方式</li>
                <li class="sdasfa_6">021-123456X</li>
                <li class="sdasfa_7">地址：上海市某某区某某路某某大厦x楼 xx号</li>
                <li class="sdasfa_8">邮箱：xxxxxx@126com</li>
                <li class="sdasfa_9">手机：123 xxxx xxxx</li>
                <li class="sdasfa_10">网址 ：www.xxxxxxxxx.com</li>
                <li class="sdasfa_11">微信</li>
                <li class="sdasfa_12">官方公众平台</li>
                <li class="sdasfa_13"><img src="https://tpl-ce154ff-pic24.websiteonline.cn/upload/5z08.jpg"></li>
                <li class="sdasfa_14"><img src=""></li>
                <li class="sdasfa_15"><img src=""></li>
                <li class="sdasfa_16"><img src=""></li>
                <li class="sdasfa_17"><img src=""></li>
                <li class="sdasfa_18"><img src=""></li>
                <li class="sdasfa_19"><img src=""></li>


            </ul>
        </div>
    </div>

</div>
<div class="dibu_1">
    <ul>
        <li class="qasdsfxcsffsf">Copyright 2017 www.xxxxxxx.com All Right Reserved.  版权所有 某某国际物流有限公司   网站备案：ICP备123456789XXX号</li>
    </ul>

</div>



</div>

</div>
</div>

</body>
</html>